<template>
	<view>
		<view class="notion" @click="natGoto()">
			<uni-icons type="sound" size="25"></uni-icons>
			<text>入群申请</text>
		</view>
		<view class="title">
			群成员
		</view>
		<view  class="cu-list menu-avatar solid-bottom">
			<view class="cu-item" v-for="(item,index) in dataList">
				<view class="cu-avatar round lg"
					:style="{backgroundImage:'url('+item.headimg+')'}">
				</view>
				<view class="content flex-sub">
					<view>{{item.nickname}}</view>
					<!-- <view class="text-gray text-sm flex justify-between">
						{{item.touxian1}}
					</view> -->
				</view>
						<view class="btn-guanzhu">
							<text v-if="item.is_leader==1">
								群主
							</text>
							<text v-else>
								成员
							</text>
						</view>
			</view>
		</view>
	</view>
</template>

<script>
	var app = getApp()
	export default {
		data() {
			return {
				list:[],
				dataList:[{
        mid: 1,
        is_leader: 1,//是否群主 1 是 0 否
        headimg: "https://aicaijin.shiliucrm.com/upload/1/20230723/3366fa353325080972395a1041289a59_thumb.jpeg",
        nickname: "1111"
        },
        {
        mid: 12,
        is_leader: 0,
        headimg: "https://aicaijin.shiliucrm.com/upload/202307/23_1628141274.jpg",
        nickname: "微信用户"
        }]
			};
		},
			onLoad(e) {
			  // this.getGroupList()
			  },
		   onReady() {
		    
		    },
			methods:{
				natGoto(){
					uni.navigateTo({
						url:"../gropApply/gropApply"
					})
				},
				getGroupList(){
					app.get("ApiLuntan/getcrowdgroup",{cid:1},(res)=>{
						if(res.status==1){
							this.dataList = res.data
						}else{
							uni.showToast({
								title:res.msg,
								icon:"error"
							})
						}
						console.log(res)
					})
				}
			}
	}
</script>

<style lang="less">
.indexes {
  position: relative;
}
.notion{
	background-color: #FFFFFF;
	height: 75rpx;
	width: 92%;
	margin: 20rpx auto;
	display:flex;
	align-items: center;
	border-radius:25rpx;
	box-shadow: 0 0 2rpx 1rpx #dcdcdc;
	padding: 0 10rpx;
	text{
		margin: 0 10rpx;
	}
}
.title{
	height: 35rpx;
	width: 92%;
	margin: 20rpx auto;
	color: #bababa;
}
.cu-item{
	margin: 10rpx 0;
}
.indexBar {
  position: fixed;
  right: 0px;
  bottom: 0px;
  padding: 20rpx 20rpx 20rpx 60rpx;
  display: flex;
  align-items: center;
}

.indexBar .indexBar-box {
  width: 40rpx;
  height: auto;
  background: #fff;
  display: flex;
  flex-direction: column;
  box-shadow: 0 0 20rpx rgba(0, 0, 0, 0.1);
  border-radius: 10rpx;
}

.indexBar-item {
  flex: 1;
  width: 40rpx;
  height: 40rpx;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24rpx;
  color: #888;
}

movable-view.indexBar-item {
  width: 40rpx;
  height: 40rpx;
  z-index: 9;
  position: relative;
}

movable-view.indexBar-item::before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  top: 10rpx;
  height: 20rpx;
  width: 4rpx;
  background-color: #f37b1d;
}

.indexToast {
  position: fixed;
  top: 0;
  right: 80rpx;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  width: 100rpx;
  height: 100rpx;
  border-radius: 10rpx;
  margin: auto;
  color: #fff;
  line-height: 100rpx;
  text-align: center;
  font-size: 48rpx;
}

</style>
